<template>
<!-- 医生详情 -->
    <div class="Re_do_deletails">
         <header class="Reg_do_deletails_header">
            <!--点击返回-->
            <p class="Reg_do_deletails_back"><img src="../../../static/imgs/return.png"/></p>
            <p>医生详情</p>
            <p></p>
        </header>
        <main>
            <section class='Reg_doctorlist_delets'>
                <dl>
                    <dt><img src="../../../static/imgs/Reg_doctorlist_img01.png" alt="" /></dt>
                    <dd>
                        <p class="al">任一主治医师</p>
                        <p class="ccc">北京协和医院</p>
                        <p class="ccc">口腔颚面外科</p>
                    </dd>
                </dl>
            </section>

            

            <div class="Reg_doctorlist_delets_btn">
                
                选择该医生
            </div>

        </main>

    </div>
</template>
<script>
    export default {
        name:'Re_do_deletails'

    }
</script>
<style scoped lang='less'>
.PxToRem(@name, @px){
@{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}

header{
    .PxToRem(height,88);
    .PxToRem(font-size,28);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../../../static/imgs/Reg_serve_bg01.jpg);
    position: fixed;
    padding-left: 2%;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    p:nth-child(1){
        flex: 1;
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
    p:nth-child(2){
        flex: 6;
        .PxToRem(font-size,35);
    }
    p:nth-child(3){
        flex: 1;
    }
}
html,body{
    width:100%;
    height:100%;
}
main{
    .PxToRem(padding-top,88);
}
.Reg_doctorlist_delets{
    dl{
        .Flex;
    padding:5% 2%;
        dd{
            .PxToRem(margin-left,20);
            p{
               .PxToRem(margin-top,8); 
            }
            .al{
               .PxToRem(font-size,25);  
            }
            .ccc{
                color:#ccc;
            }
        }
    }
    
}
.Reg_doctorlist_delets_btn{
    position:absolute;
    width: 90%;
    background:#1ac5a1;
    text-align: center;
    .PxToRem(font-size,30); 
    .PxToRem(border-radius,10);  
     .PxToRem(bottom,50);
     color:#ffffff;
     .PxToRem(line-height,100);
     .PxToRem(margin-left,35);


}

</style>







